<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="__TEMPLATE__less/orders.css"/>
<script language="javascript" src="__STATIC__/index/address.js"></script>
<script type="text/javascript" src="__STATIC__/hdjs/jquery-1.7.2.min.js"></script>
<script language="javascript">
var s=["s1","s2","s3"];
var opt0 = ["请选择省","请选择市","请选择县（区）"];
function setup(){
 for(i=0;i<s.length-1;i++)
  document.getElementById(s[i]).onclick=new Function("change("+(i+1)+")");
 change(0);
}
window.onload=function(){
setup()	
	
};
$(function(){
	$('.dj').live('click',function(){
		var dj = $('#s1').val() + '省' + $('#s2').val() + '市' + $('#s3').val()+$('#s4').val();
//		alert(dj);
		$('input[name=newAddr]').val(dj);
		$.ajax({
				type:"post",
				url:"{|U:'Order/ajaxAddr'}",
				data:{addr:dj},
				dataType:'json',
				success:function(data){
					var addrs=data['addr'];
					$('.addrs').html(addrs);
				}
			})
	})
})
</script>
<script type="text/javascript">
	$(function(){
		$(".add-addr-panel").click(function(){
			$(".add-addr-panel").addClass('a1').removeClass('a2');
			$(".new-addr").removeClass('a1').addClass('a2');
		});
		$(".dj").click(function(){
			$(".add-addr-panel").addClass('a2').removeClass('a1');
			$(".new-addr").removeClass('a2').addClass('a1');
			$('.addr-panel').removeClass('a1').addClass('a2');
		})
		
	})
</script>
</head>

<body>
<div id="wrapper">
	<div id="header" >
		<a class="logo" href="http://www.vancl.com/" title="凡客诚品" target="_blank">
			<img alt="凡客诚品" src="__TEMPLATE__images/cart/vancl-logo.png">
		</a>
		<div class="help-center">
			<a href="http://help.vancl.com/" target="_blank">帮助中心</a>
		</div>
		<div class="account" >
			<p>
				<span class="username">{$hd.session.username}&nbsp;</span>
				<a class="logout" href="{|U:'Member/out'}">退出登录&nbsp;|&nbsp;</a>
				<a class="switch" href="{|U:'Member/changeUser'}">更换用户</a>
			</p>
		</div>
	</div>
	<div id="location">
		<span><a href="">1.我的购物车</a></span> <span class="aa">2.填写核对信息单</span> <span>3.成功提交订单</span>
	</div>
	<form action="{|U:'Order/add'}" method="post">
	<div id="content">		
		<section class="order-info">
			<div id="addr" >
				<div class="addr-hd">
					<h3 class="addr-title">收货地址：</h3> </div>
				<div class="inland-addr">
					<div class="addr-panel a1">
						<input class="fix-ckb-radio" id="add-addr" name="AddressId" type="radio" >
						<label class="addrs" ></label>
					</div>
					<div class="add-addr-panel">
						<label for="add-addr" ><span>+</span>添加新地址</label>
					</div>
					
					<div class="new-addr a1">
						<select id="s1" name="province">
						<option>省份</option>
						</select>
						<select id="s2" name="city">
							<option>地级市</option>
						</select>
						<select id="s3" name="county">
							<option>市、县级市、县</option>
						</select>
						<input type="text" name="street" id="s4" placeholder="详细地址，联系人和联系方式"/>
						<input type="hidden" name="newAddr" value="0"/>
						<input type="button" value="添加"  class="dj"/>	
					</div>
					
				</div>
				<div class="clearfix"></div>
			</div>
			<script type="text/javascript">
				$(function(){
					$('.warn1').click(function(){
						$(this).addClass('warn').siblings('.warn1').removeClass('warn');
					})
					$('.abdc').click(function(){
						$(this).addClass('warn').siblings('.abdc').removeClass('warn');
					})
				})
			</script>
			<div id="delivery">
				<h3 class="addr-hd-new">配送方式：</h3>
				<section class="inland-addr">
					<div class="warn1">周一至周五、工作日送货</div><div class="warn1">周六、周日、假日送货</div><div class="warn1">周一至周日、假日均可送货</div>
					<li class="delivery-explanation"><em>声明：</em>
						<div class="bb">
							<p>1.&nbsp;<a class="oprate" target="_blank" href="">查看货到付款配送范围</a></p>
							<p>2.&nbsp;送货时间：早 8:30至 晚7:30</p>
							3.&nbsp;我们会努力按照您选择的时间进行配送，但因天气、交通等因素影响，您的订单有可能会有延误现象，请您谅解！
						</div>
					</li>
				</section>						
			</div>
			<div id="pay">
				<div class="pay-hd">
					<h3 class="pay-title">支付方式：</h3>
				</div>
				<span class="abdc">在线支付 所有支付方式</span><span class="abdc">货到付款 现金</span><span class="abdc">在线支付 POS机刷卡</span>
			
				<div class="points">
					<div class="delivery-hd ">
						<input id="points-radio" name="gift-points" paytype="2" type="checkbox">		
						<h3 class="points-titles" data-has-delivery="true">使用积分：</h3>
						<span>使用0积分，抵现<em style="color:#b81c22">0元</em>。</span>
					</div>						
				</div>
				<div class="giftcards">
					<div class="gift-card-hd">
						<input id="gift-card-radio" name="gift-points" paytype="1" type="checkbox">
						<h3 class="gift-card-title">使用礼品卡：</h3>
					</div>
					<span>请先确认“收货地址”或“配送方式”</span>
				</div>
			</div>
		</section>
		<div id="order-info-panel">
			<!--订单显示-->
			<form method="post" action="" name="Myform" id="submit-order-form">
				<div class="additional-info" style="display: none">
					<h4 class="collapse"><span></span>&nbsp;开发票</h4>
					<div class="additional-info-content" >
						<h5> 您需要开具发票吗？
		                    <input id="IsInvoicePositive" name="requireInvoice"  type="radio">
		                    <label for="IsInvoicePositive">是</label>
		                    <input id="IsInvoiceNegative" name="requireInvoice"  type="radio">
		                    <label for="IsInvoiceNegative">否</label>
						</h5>
						<div class="additional-info-detail invoice-content">
							<span>*</span>
							<label for="InvoiceCustom">客户类型：</label>
							<select id="InvoiceCustom" name="InvoiceCustom" >
								<option selected="selected" value="Personal">个人</option>
								<option value="Company">公司</option>
								<option value="IndividualBusiness">个体工商户</option>
								<option value="Foreign">外籍</option>
								<option value="Hkmotw">港、澳、台</option>
							</select>
						</div>
						<div class="additional-info-detail clearfix">
							<div>
								<span>*</span><p>发票抬头：</p>
								<input id="InvoiceTitlePerson" class="invoice-title-person" name="invoicetitle" maxlength="50" value="个人" type="text">
							</div>
						</div>
						<div class="additional-info-detail invoice-content">
							<span>*</span>
							<label for="InvoiceContent">发票内容：</label>
							<select id="invoiceContent" name="InvoiceContent">
								<option selected="selected" value="Clothes">服装</option>
								<option value="Shoes">鞋</option>
								<option value="Household">家居</option>
								<option value="Accessories">配饰</option>
								<option value="Cosmetics">化妆品</option>
								<option value="Electrical">家电</option>
								<option value="Bags">箱包</option>
								<option value="Details">明细</option>
							</select>
						</div>
						<div id="invoice-tax" class="additional-info-detail clearfix">
							<div class="invoice-tax">
								税务登记号：
								<input id="InvoiceTaxNo" class="invoice-title" name="InvoiceTaxNo" maxlength="20" type="text">
								<p class="error"></p>
							</div>
						</div>
					</div>
					<input name="requireedm" value="true" type="hidden">
				</div>
				<div class="order-info-head">
					<h3 class="clearfix">
						<span class="order-list-title">商品清单</span>
						<a name="sp_cart_gift_back_cart" class="back2cart track" href="">回到购物车，修改产品&gt;&gt;</a>  
					</h3>
				</div>
				<h5 class="order-list-head">订单1<span class="store-house-info">将从<em></em>发出，预计发货后<em>&nbsp;1天&nbsp;</em>内送达</span></h5>
				<div class="order-list">
					<table >
						<thead>
							<tr>
								<th class="th1">商品名称</th>
								<th class="th2">尺码</th>
								<th style="display: none">赠送积分</th>
								<th class="th3">单价</th>
								<th class="th3">数量</th>
								<th class="th5">优惠</th>
								<th class="th6">小计</th>
							</tr>
						</thead>
						<tbody>
							<foreach from='$goods' key='$k' value='$v'>
							<tr>
								<td class="name">
									<a target="_blank" href="">{$v.name}</a>
								</td>
								<td class="size">{$v.options.size}</td>
								<td class="point" style="display: none">99 分</td>
								<td class="price">￥{$v.price}</td>
								<td class="qty">{$v.num}</td>
								<td class="preferential">
									<div class="discount-cx">-</div>
								</td>
								<td class="sub-total">￥{$v.total}</td>
							</tr>
							</foreach>
						</tbody>
					</table>
					<div class="order-amount">
						<div class="cc">
							商品金额小计:<span>￥{$totalPrice}</span> &nbsp;&nbsp;+&nbsp;&nbsp;运费:<span>￥0.00</span> &nbsp;&nbsp;=&nbsp;&nbsp;应付:
						<em>￥{$totalPrice}</em>
						</div>
						
					</div>
				</div>
				<ul class="all-amount">
					<li><em>已支付：<label id="price-total" data-price-total="0.00">￥0.00</label>,您还需支付：<label id="price-total" data-price-total="99.00">￥{$totalPrice}</label></em></li>

				</ul>

				<div class="order-submit">
					<input type="hidden" name="totalPrice" value="{$totalPrice}" />
					<input  value="提交订单" class="submit-order-btn"  type="submit">
					<span class="warn oprate"></span>
				</div>
				<!--特惠品移除提示-->
			</form>
		</div>
	</div>
	</form>
	
	
	<center>
		<div id="bottom" align="center">
			<div id="bottoms">
				<p class="bZp3">Copyright 2007 - 2014 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
				<div id="footerArea">
					<div class="subFooter">
						<a rel="nofollow" href="https://search.szfw.org/cert/l/CX20111229001302001330" class="redLogo" target="_blank"></a>
						<a rel="nofollow" href="http://www.315online.com.cn/member/315090053.html" class="wsjyBzzx" target="_blank"></a>
						<a rel="nofollow" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202010081900017" class="vanclMsg" target="_blank"></a>
						<a rel="nofollow" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202010081900017" class="vanclqingNian" target="_blank"></a>
					</div>
				</div>
			</div>
		</div>
	</center>
</div>

</body>
</html>
